<template>
  <div>
    <div>
      <router-link to="/props" class="one">1.props父子传参</router-link>
      <router-link to="/customize" class="one">2.自定义事件</router-link>
      <router-link to="/vmodel" class="one">3.v-model数据双向绑定</router-link>
      <router-link to="/sync" class="one">4.Sync父子之间数据绑定</router-link>
      <router-link to="/ref" class="one">5.Ref</router-link>
      <router-link to="/slot" class="one">6.slot</router-link>
    </div>

    <router-view></router-view>
  </div>
</template>

<script>
export default {
  name: "App",
};
</script>

<style>
.one {
  margin: 20px;
}
</style>